<template>
    <footer>
         <div class="footer-flex clearfix">
            <div class="footer-common" style="margin-right:70px;"><img src="/static/images/logo2.png" alt=""></div>
            <div class="footer-common footer-xy">
                <div class="terms-books clearfix">
                        <router-link :to="{name:'service'}">用户服务协议</router-link>
                            <!-- <a href="service.html">用户服务协议</a> -->
                            <!-- <a href="service.html#/">隐私政策</a> -->
                             <router-link :to="{name:'disclaimer'}">免责声明</router-link>
                            <!-- <a href="service.html#/disclaimer">免责声明</a> -->
                </div>
                <div class="fs12 mt10" style="color:#b8c4cc;">ICP备案编号：渝ICP备16010906号-1  /  全国唯一客服邮箱：kefu@haibeiclub.com</div>
            </div>
            <div  class="footer-common tc" style="width:365px">
               
                <div class="fr mt5">
                    <img src="/static/images/sina.png"  width="70"  height="70" alt="">
                    <p class="fs12">官方微博</p>
                </div>
                 <div class="fr mr10 mt5">
                    <img src="/static/images/rcm.png" width="70" height="70"  alt="">
                    <p class="fs12">微信公众号</p>
                </div>
                
            </div>
        </div>
    </footer>
</template>
<style scoped>
    footer{
        height: 100px;
        background: #fff;
    }
    .footer-flex{
        display: flex;
        max-width: 1080px;
        margin: 0 auto;
         height: 100px;
        align-items: center;
        justify-content: space-between;
    }
    .footer-common{
        float: left;
        margin-top: 30px\9;
    }
    .footer-xy{
        width: 465px;
    }
    .terms-books a{
        float: left;
        color: #7f8c8d;
        padding-right:40px; 
    }
</style>

